<!--<template>-->
<!--  <div class="app-container h-full w-full commonBotBox">-->
<!--    <div class="bg-white w-full flex flex-col h-full">-->
<!--      <div class="flex justify-between mb3 pr-5">-->
<!--        <div>-->
<!--          <el-button v-hasPermi="['wms:maintain:group:add']" icon="el-icon-plus" size="mini" type="primary" @click="openMaintenancePersonnel('add')">创建单位</el-button>-->
<!--          <el-button :v-hasPermi="['wms:maintain:group:remove']" disabled="multiple" icon="el-icon-delete" size="mini" type="danger" @click="deleteMaintenancePersonnel">批量删除</el-button>-->
<!--          <el-button icon="el-icon-download" size="mini" type="warning">导出</el-button>-->
<!--          <el-button icon="el-icon-search" size="mini" type="success" @click="openQueryVisible">查询</el-button>-->
<!--        </div>-->
<!--        <right-toolbar-wms v-model="columns" :search="false" :tableID="'MaintenanceMaintenancePersonnel'" columnsText="订单显隐列" @queryTable="getList"></right-toolbar-wms>-->
<!--      </div>-->
<!--      <column-table-->
<!--        ref="innerTable"-->
<!--        :loading="loading"-->
<!--        :columns="columns"-->
<!--        :data="dataList"-->
<!--        :show-check-box="true"-->
<!--        class="flex-1"-->
<!--        :height="height"-->
<!--        highlight-current-row-->
<!--        highlight-selection-row-->
<!--        show-index-->
<!--        @selection-change="handleSelectionChange"-->
<!--        @filter-click="handleFilterClick"-->
<!--      >-->
<!--        <template #status="{ row }">-->
<!--          <el-switch-->
<!--            v-model="row.status"-->
<!--            :disabled="!checkPermi(['wms:maintainPlan:config:updateStatus'])"-->
<!--            active-color="#13ce66"-->
<!--            active-text="开启"-->
<!--            active-value="0"-->
<!--            class="switch__label"-->
<!--            inactive-text="停用"-->
<!--            inactive-value="1"-->
<!--            @change="statusChange($event, row)"-->
<!--          ></el-switch>-->
<!--        </template>-->
<!--        <template #opt="{ row }">-->
<!--          <div class="flex items-center justify-center">-->
<!--            <el-link :v-hasPermi="['wms:maintain:group:edit', 'wms:maintain:group:query']" :underline="false" type="primary" @click="openMaintenancePersonnel('edit', row)">修改</el-link>-->
<!--            <el-link :v-hasPermi="['wms:maintain:group:remove']" :underline="false" class="ml5" type="danger" @click="deleteMaintenancePersonnel(row)">删除</el-link>-->
<!--          </div>-->
<!--        </template>-->
<!--      </column-table>-->
<!--      <div class="bg-white pr-10">-->
<!--        <pagination v-if="total > 100" :limit.sync="queryParams.pageSize" :page.sync="queryParams.pageNum" :pageSizes="[100, 200, 300, 500]" :total="total" style="" @pagination="getList" />-->
<!--      </div>-->
<!--    </div>-->
<!--    &lt;!&ndash; 查询弹窗 &ndash;&gt;-->
<!--    <warehouse-settings-query v-show="showSearch" v-model="queryParams" :search-items="searchItems" @cancel="showSearch = false" @handleQuery="handleQuery" @resetQuery="resetQuery"></warehouse-settings-query>-->
<!--    &lt;!&ndash; 单位 弹窗 &ndash;&gt;-->
<!--    <el-dialog v-if="maintenancePersonnelVisible" v-dialogDrag :close-on-click-modal="false" :modal="false" :title="maintenancePersonnelTitle" :visible.sync="maintenancePersonnelVisible" append-to-body width="50%" @close="closeMaintenancePersonnel()">-->
<!--      <el-form ref="maintenancePersonnelForm" :model="maintenancePersonnelForm"-->
<!--               label-width="auto" size="small" :rules="rules" inline>-->
<!--        <el-form-item label="单位名称" prop="groupName">-->
<!--          <el-input v-model="maintenancePersonnelForm.groupName" clearable placeholder="请输入单位名称" />-->
<!--        </el-form-item>-->
<!--        <el-form-item label="企业类型" prop="groupName">-->
<!--          <el-select v-model="queryParams.dictType" placeholder="请选择企业类型">-->
<!--            <el-option-->
<!--              v-for="item in typeOptions"-->
<!--              :key="item.dictId"-->
<!--              :label="item.dictName"-->
<!--              :value="item.dictType"-->
<!--            />-->
<!--          </el-select>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="单位编号" prop="dictType">-->
<!--          <el-select v-model="queryParams.dictType" placeholder="请选择单位编号">-->
<!--            <el-option-->
<!--              v-for="item in typeOptions"-->
<!--              :key="item.dictId"-->
<!--              :label="item.dictName"-->
<!--              :value="item.dictType"-->
<!--            />-->
<!--          </el-select>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="单位类型" prop="dictType">-->
<!--          <el-select v-model="queryParams.dictType" placeholder="请选择单位类型">-->
<!--            <el-option-->
<!--              v-for="item in typeOptions"-->
<!--              :key="item.dictId"-->
<!--              :label="item.dictName"-->
<!--              :value="item.dictType"-->
<!--            />-->
<!--          </el-select>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="选择区域" prop="shelfList">-->
<!--          <el-cascader v-model="maintenancePersonnelForm.shelfList" :options="deptOptions" :props="deptProps" placeholder="请选择区域" class="w-full" clearable filterable></el-cascader>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="单位地址" prop="groupName">-->
<!--          <el-input v-model="maintenancePersonnelForm.groupName" clearable placeholder="请输入单位地址" />-->
<!--        </el-form-item>-->
<!--        <el-form-item label="主管单位" prop="groupName">-->
<!--          <el-select v-model="queryParams.dictType" placeholder="请选择主管单位">-->
<!--            <el-option-->
<!--              v-for="item in typeOptions"-->
<!--              :key="item.dictId"-->
<!--              :label="item.dictName"-->
<!--              :value="item.dictType"-->
<!--            />-->
<!--          </el-select>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="监管级别" prop="groupName">-->
<!--          <el-select v-model="queryParams.dictType" placeholder="请选择监管级别">-->
<!--            <el-option-->
<!--              v-for="item in typeOptions"-->
<!--              :key="item.dictId"-->
<!--              :label="item.dictName"-->
<!--              :value="item.dictType"-->
<!--            />-->
<!--          </el-select>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="组织机构编码" prop="groupName">-->
<!--          <el-input v-model="maintenancePersonnelForm.groupName" clearable placeholder="请输入组织机构编码" />-->
<!--        </el-form-item>-->
<!--        <el-form-item label="单位联系电话" prop="groupName">-->
<!--          <el-input v-model="maintenancePersonnelForm.groupName" clearable placeholder="请输入单位联系电话" />-->
<!--        </el-form-item>-->
<!--        <el-form-item label="维保单位" prop="groupName">-->
<!--          <el-select v-model="queryParams.dictType" placeholder="请选择维保单位">-->
<!--            <el-option-->
<!--              v-for="item in typeOptions"-->
<!--              :key="item.dictId"-->
<!--              :label="item.dictName"-->
<!--              :value="item.dictType"-->
<!--            />-->
<!--          </el-select>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="经济行业" prop="groupName">-->
<!--          <el-select v-model="queryParams.dictType" placeholder="请选择经济行业">-->
<!--            <el-option-->
<!--              v-for="item in typeOptions"-->
<!--              :key="item.dictId"-->
<!--              :label="item.dictName"-->
<!--              :value="item.dictType"-->
<!--            />-->
<!--          </el-select>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="消控室电话" prop="groupName">-->
<!--          <el-input v-model="maintenancePersonnelForm.groupName" clearable placeholder="请输入消控室电话" />-->
<!--        </el-form-item>-->
<!--        <el-form-item label="安全责任人" prop="groupName">-->
<!--          <el-input v-model="maintenancePersonnelForm.groupName" clearable placeholder="请输入安全责任人" />-->
<!--        </el-form-item>-->
<!--        <el-form-item label="消控室电话" prop="groupName">-->
<!--          <el-input v-model="maintenancePersonnelForm.groupName" clearable placeholder="请输入消控室电话" />-->
<!--        </el-form-item>-->
<!--        <el-form-item label="安全责任人身份证号" prop="groupName">-->
<!--          <el-input v-model="maintenancePersonnelForm.groupName" clearable placeholder="请输入安全责任人身份证号" />-->
<!--        </el-form-item>-->
<!--        <el-form-item label="安全责任人电话" prop="groupName">-->
<!--          <el-input v-model="maintenancePersonnelForm.groupName" clearable placeholder="请输入安全责任人电话" />-->
<!--        </el-form-item>-->
<!--        <el-form-item label="安全管理人" prop="groupName">-->
<!--          <el-input v-model="maintenancePersonnelForm.groupName" clearable placeholder="请输入安全管理人" />-->
<!--        </el-form-item>-->
<!--        <el-form-item label="安全管理人身份证号" prop="groupName">-->
<!--          <el-input v-model="maintenancePersonnelForm.groupName" clearable placeholder="请输入安全管理人身份证号" />-->
<!--        </el-form-item>-->
<!--        <el-form-item label="安全管理人电话" prop="groupName">-->
<!--          <el-input v-model="maintenancePersonnelForm.groupName" clearable placeholder="请输入安全管理人电话" />-->
<!--        </el-form-item>-->
<!--        <el-form-item label="专兼职人" prop="groupName">-->
<!--          <el-input v-model="maintenancePersonnelForm.groupName" clearable placeholder="请输入专兼职人" />-->
<!--        </el-form-item>-->
<!--        <el-form-item label="专兼职人身份证号" prop="groupName">-->
<!--          <el-input v-model="maintenancePersonnelForm.groupName" clearable placeholder="请输入专兼职人身份证号" />-->
<!--        </el-form-item>-->
<!--        <el-form-item label="专兼职人电话" prop="groupName">-->
<!--          <el-input v-model="maintenancePersonnelForm.groupName" clearable placeholder="请输入专兼职人电话" />-->
<!--        </el-form-item>-->
<!--        <el-form-item label="法人" prop="groupName">-->
<!--          <el-input v-model="maintenancePersonnelForm.groupName" clearable placeholder="请输入法人" />-->
<!--        </el-form-item>-->
<!--        <el-form-item label="法人身份证号" prop="groupName">-->
<!--          <el-input v-model="maintenancePersonnelForm.groupName" clearable placeholder="请输入法人身份证号" />-->
<!--        </el-form-item>-->
<!--        <el-form-item label="法人电话" prop="groupName">-->
<!--          <el-input v-model="maintenancePersonnelForm.groupName" clearable placeholder="请输入法人电话" />-->
<!--        </el-form-item>-->
<!--        <el-form-item label="成立时间" prop="groupName">-->
<!--          <date-selector v-model="queryParams.createTime" style="width: 300px"  type="datetime" value-format="yyyy-MM-dd HH:mm:ss"></date-selector>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="管辖单位" prop="groupName">-->
<!--          <el-input v-model="maintenancePersonnelForm.groupName" clearable placeholder="请输入管辖单位" />-->
<!--        </el-form-item>-->
<!--        <el-form-item label="经济类型" prop="groupName">-->
<!--          <el-select v-model="queryParams.dictType" placeholder="请选择经济类型">-->
<!--            <el-option-->
<!--              v-for="item in typeOptions"-->
<!--              :key="item.dictId"-->
<!--              :label="item.dictName"-->
<!--              :value="item.dictType"-->
<!--            />-->
<!--          </el-select>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="固定资产" prop="groupName">-->
<!--          <el-input v-model="maintenancePersonnelForm.groupName" clearable placeholder="请输入固定资产" />-->
<!--        </el-form-item>-->
<!--        <el-form-item label="占地面积" prop="groupName">-->
<!--          <el-input v-model="maintenancePersonnelForm.groupName" clearable placeholder="请输入占地面积" />-->
<!--        </el-form-item>-->
<!--        <el-form-item label="建筑面积" prop="groupName">-->
<!--          <el-input v-model="maintenancePersonnelForm.groupName" clearable placeholder="请输入建筑面积" />-->
<!--        </el-form-item>-->
<!--        <el-form-item label="联网日期" prop="groupName">-->
<!--          <el-date-picker v-model="queryParams.createTime" style="width: 300px"  type="datetime" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="经度" prop="groupName">-->
<!--          <el-input v-model="maintenancePersonnelForm.groupName" clearable placeholder="请输入经度" />-->
<!--        </el-form-item>-->
<!--        <el-form-item label="纬度" prop="groupName">-->
<!--          <el-input v-model="maintenancePersonnelForm.groupName" clearable placeholder="请输入纬度" />-->
<!--        </el-form-item>-->
<!--        <el-form-item label="gsp类型" prop="groupName">-->
<!--          <el-select v-model="queryParams.dictType" placeholder="请选择gsp类型">-->
<!--            <el-option label="WGS-84" value="WGS-84"/>-->
<!--            <el-option label="GCJ-02" value="GCJ-02"/>-->
<!--            <el-option label="BD-09" value="BD-09"/>-->
<!--          </el-select>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="所属行业" prop="groupName">-->
<!--          <el-select v-model="queryParams.dictType" placeholder="请选择所属行业">-->
<!--            <el-option-->
<!--              v-for="item in typeOptions"-->
<!--              :key="item.dictId"-->
<!--              :label="item.dictName"-->
<!--              :value="item.dictType"-->
<!--            />-->
<!--          </el-select>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="视频地址" prop="remark">-->
<!--          <el-input v-model="maintenancePersonnelForm.remark" maxlength="500" placeholder="请输入视频地址" rows="4" show-word-limit type="textarea"></el-input>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="备注" prop="remark">-->
<!--          <el-input v-model="maintenancePersonnelForm.remark" maxlength="500" placeholder="请输入备注" rows="4" show-word-limit type="textarea"></el-input>-->
<!--        </el-form-item>-->
<!--        <el-upload-->
<!--          class="avatar-uploader"-->
<!--          action="https://jsonplaceholder.typicode.com/posts/"-->
<!--          :show-file-list="false"-->
<!--          :on-success="handleAvatarSuccess"-->
<!--          :before-upload="beforeAvatarUpload">-->
<!--          <img v-if="imageUrl" :src="imageUrl" class="avatar">-->
<!--          <i v-else class="el-icon-plus avatar-uploader-icon"></i>-->
<!--        </el-upload>-->
<!--      </el-form>-->
<!--      <div slot="footer" class="flex justify-center my-5">-->
<!--        <el-button @click="closeMaintenancePersonnel">取 消</el-button>-->
<!--        <el-button class="ml-5" type="primary" @click="submitMaintenancePersonnel(maintenancePersonnelForm.id ? 'edit' : 'add')">确 认</el-button>-->
<!--      </div>-->
<!--    </el-dialog>-->
<!--  </div>-->
<!--</template>-->
<!--<script>-->
<!--import ColumnTable from '@/components/ColumnTable/index.vue';-->
<!--import loadDict from '@/utils/dict'; // 字典缓存-->

<!--export default {-->
<!--  name: 'MaintenanceMaintenancePersonnel',-->
<!--  components: {ColumnTable, Treeselect },-->
<!--  data() {-->
<!--    return {-->
<!--      // 查询条件-->
<!--      queryParams: {-->
<!--        pageNum: 1,-->
<!--        pageSize: 100,-->
<!--        keyword: '',-->
<!--        groupName: null,-->
<!--        whId: null,-->
<!--        storageId: null,-->
<!--        whAreaId: null,-->
<!--        // shelfId: null,-->
<!--        status: null-->
<!--      },-->
<!--      statusOptions: [], //  wms状态-->
<!--      // 表格数据-->
<!--      dataList: [],-->
<!--      // 表格列-->
<!--      columns: [-->
<!--        { title: '养护组名称', key: 'groupName', align: 'center', minWidth: '200px', columnShow: true, showOverflowTooltip: true, sortable: true },-->
<!--        { title: '仓名称', key: 'whName', align: 'center', minWidth: '200px', columnShow: true, showOverflowTooltip: true, sortable: true },-->
<!--        { title: '库名称', key: 'storageName', align: 'center', minWidth: '200px', columnShow: true, showOverflowTooltip: true, sortable: true },-->
<!--        { title: '库区', key: 'whAreaName', align: 'center', minWidth: '200px', columnShow: true, showOverflowTooltip: true, sortable: true },-->
<!--        // { title: '货架', key: 'shelfName', align: 'center', minWidth: '200px', columnShow: true, showOverflowTooltip: true, sortable: true },-->
<!--        { title: '养护人员', key: 'userName', align: 'center', minWidth: '200px', columnShow: true, showOverflowTooltip: true, sortable: true },-->
<!--        { title: '状态', key: 'status', align: 'center', minWidth: '100px', columnShow: true, showOverflowTooltip: true, filters: [], isFilter: true, isActive: false },-->
<!--        { title: '备注', key: 'remark', align: 'center', minWidth: '200px', columnShow: true, showOverflowTooltip: true, sortable: true },-->
<!--        { title: '创建人', key: 'createBy', align: 'center', minWidth: '100px', columnShow: true, showOverflowTooltip: true, sortable: true },-->
<!--        { title: '创建时间', key: 'createTime', align: 'center', minWidth: '200px', columnShow: true, showOverflowTooltip: true, sortable: true },-->
<!--        { title: '操作', key: 'opt', align: 'center', fixed: 'right', minWidth: '120px', columnShow: true, showOverflowTooltip: true, sortable: true }-->
<!--      ],-->
<!--      // 表格,sortable: true总数-->
<!--      total: 0,-->
<!--      // 加载状态-->
<!--      loading: false,-->
<!--      // 查询弹窗-->
<!--      showSearch: false,-->
<!--      // 查询条件-->
<!--      searchItems: {-->
<!--        groupName: true,-->
<!--        whId: true,-->
<!--        storageId: true,-->
<!--        whAreaId: true,-->
<!--        // shelfId: true,-->
<!--        maintenanceStatus: true-->
<!--      },-->
<!--      maintenancePersonnelVisible: false,-->
<!--      maintenancePersonnelTitle: undefined,-->
<!--      maintenancePersonnelForm: {-->
<!--        groupName: undefined, // 养护组名称-->
<!--        shelfList: [],-->
<!--        personnelList: [],-->
<!--        remark: undefined-->
<!--      },-->
<!--      deptOptions: [], // 区域-->
<!--      deptProps: {-->
<!--        multiple: true,-->
<!--        value: 'id',-->
<!--        label: 'name'-->
<!--      },-->
<!--      multiple: true,-->
<!--      selectRows: [],-->

<!--      ids: [],-->
<!--      userOptions: [], // 人员-->
<!--      userProps: { multiple: true, value: 'userId', label: 'nickName' },-->
<!--      rules: {-->
<!--        groupName: [-->
<!--          { required: true, message: "任务名称不能为空", trigger: "blur" }-->
<!--        ],-->
<!--      },-->
<!--    imageUrl: ''-->
<!--    };-->
<!--  },-->
<!--  computed: {-->
<!--    /**-->
<!--     *  表格高度-->
<!--     * @returns {number}-->
<!--     */-->
<!--    height() {-->
<!--      return this.total > 100 ? window.innerHeight - 150 : window.innerHeight - 113;-->
<!--    }-->
<!--  },-->
<!--  created() {-->
<!--    this.handleQuery();-->
<!--    this.getDictData();-->
<!--    this.getCarrierUserSelect();-->
<!--    this.getWarehouseAreaTree();-->
<!--  },-->
<!--  methods: {-->
<!--    /**-->
<!--     * 关闭养护人员弹窗-->
<!--     */-->
<!--    closeMaintenancePersonnel() {-->
<!--      this.maintenancePersonnelVisible = false;-->
<!--      this.$refs.maintenancePersonnelForm.resetFields();-->
<!--      this.maintenancePersonnelForm = {-->
<!--        groupName: undefined,-->
<!--        shelfList: [],-->
<!--        personnelList: [],-->
<!--        remark: undefined-->
<!--      };-->
<!--    },-->
<!--    /**-->
<!--     * 删除养护人员-->
<!--     * @param row-->
<!--     */-->
<!--    deleteMaintenancePersonnel(row) {-->
<!--      const ids = row.id || this.ids;-->
<!--      const h = this.$createElement;-->
<!--      this.$msgbox({-->
<!--        title: '',-->
<!--        message: h('div', { style: 'padding:20px 0;color:red' }, '确认删除？'),-->
<!--        center: true,-->
<!--        showCancelButton: true,-->
<!--        confirmButtonText: '确定',-->
<!--        cancelButtonText: '取消'-->
<!--      })-->
<!--        .then(function () {-->
<!--          return delMaintainGroup(ids);-->
<!--        })-->
<!--        .then(() => {-->
<!--          this.$message.success('删除成功');-->
<!--          this.getList();-->
<!--        });-->
<!--    },-->
<!--    /**-->
<!--     *   获取字典数据-->
<!--     * @returns {Promise<void>}-->
<!--     */-->
<!--    async getDictData() {-->
<!--      //  wms状态-->
<!--      this.statusOptions = await loadDict.get('wms_status');-->
<!--      this.setFilters();-->
<!--    },-->
<!--    /**-->
<!--     *  重置筛选条件-->
<!--     */-->
<!--    setFilters() {-->
<!--      // wms状态-->
<!--      if (this.columns.find((column) => column.key === 'status')) {-->
<!--        this.columns.find((column) => column.key === 'status').filters = this.statusOptions;-->
<!--      }-->
<!--    },-->
<!--    /**-->
<!--     * 获取用户数据-->
<!--     */-->
<!--    getCarrierUserSelect() {-->
<!--      getCarrierUserSelect()-->
<!--        .then((res) => {-->
<!--          if (res.code == 200 && res.data?.length > 0) {-->
<!--            this.userOptions = [-->
<!--              {-->
<!--                userId: '0',-->
<!--                nickName: '全部',-->
<!--                children: res.data-->
<!--              }-->
<!--            ];-->
<!--          }-->
<!--        })-->
<!--        .catch((e) => {});-->
<!--    },-->
<!--    normalizerUser(node) {-->
<!--      return {-->
<!--        id: node.userId,-->
<!--        label: node.nickName,-->
<!--        children: node.children-->
<!--      };-->
<!--    },-->
<!--    /**-->
<!--     *  获取货架树-->
<!--     */-->
<!--    getWarehouseAreaTree() {-->
<!--      getWarehouseAreaTree()-->
<!--        .then((res) => {-->
<!--          if (res.code == 200 && res.data?.length > 0) {-->
<!--            this.deptOptions = delEmptyChildren(res.data);-->
<!--          }-->
<!--        })-->
<!--        .catch((e) => {});-->
<!--    },-->
<!--    /**-->
<!--     * 规范数据源-->
<!--     * @param node-->
<!--     * @returns {{children, id, label}}-->
<!--     */-->
<!--    normalizerShelf(node) {-->
<!--      return {-->
<!--        id: node.id,-->
<!--        label: node.name,-->
<!--        children: node.children-->
<!--      };-->
<!--    },-->
<!--    getList() {-->
<!--      this.loading = true;-->
<!--      this.dataList = [];-->
<!--      listMaintainGroup(this.queryParams)-->
<!--        .then((res) => {-->
<!--          this.dataList = res.rows || [];-->
<!--          this.total = res.total;-->
<!--          this.loading = false;-->
<!--        })-->
<!--        .finally(() => {-->
<!--          this.loading = false;-->
<!--        });-->
<!--    },-->
<!--    /**-->
<!--     *  列表筛选点击-->
<!--     * @param value-->
<!--     * @param key-->
<!--     */-->
<!--    handleFilterClick(value, key) {-->
<!--      this.queryParams[key] = value;-->
<!--      this.handleQuery();-->
<!--    },-->
<!--    // 查询-->
<!--    handleQuery() {-->
<!--      this.queryParams.pageNum = 1;-->
<!--      this.showSearch = false;-->
<!--      if (this.$refs.innerTable) {-->
<!--        this.$refs.innerTable.setFilterActive(this.queryParams.status, 'status');-->
<!--      }-->
<!--      this.getList();-->
<!--    },-->
<!--    /**-->
<!--     * 表格选择-->
<!--     * @param selection-->
<!--     */-->
<!--    handleSelectionChange(selection) {-->
<!--      this.selectRows = selection;-->
<!--      this.ids = selection.map((item) => item.id);-->
<!--      this.single = selection.length !== 1;-->
<!--      this.multiple = !selection.length;-->
<!--    },-->
<!--    /**-->
<!--     * 打开养护人员弹窗-->
<!--     * @param type add 新增 edit 编辑-->
<!--     */-->
<!--    openMaintenancePersonnel(type, row) {-->
<!--      this.maintenancePersonnelVisible = true;-->
<!--      this.maintenancePersonnelTitle = type === 'add' ? '创建养护组' : '编辑养护组';-->
<!--      if (type === 'edit') {-->
<!--        getMaintainGroup(row.id)-->
<!--          .then((res) => {-->
<!--            if (res.code == 200) {-->
<!--              let shelfList = res.data.areaList.map((item) => {-->
<!--                return [item.whId, item.storageId, item.whAreaId];-->
<!--              });-->
<!--              let personnelList = res.data.userList.map((item) => {-->
<!--                return ['0', item.userId];-->
<!--              });-->
<!--              this.maintenancePersonnelForm = { ...res.data, shelfList, personnelList };-->
<!--              console.log(this.maintenancePersonnelForm);-->
<!--            }-->
<!--          })-->
<!--          .catch((e) => {});-->
<!--      }-->
<!--    },-->
<!--    // 打开查询弹窗-->
<!--    openQueryVisible() {-->
<!--      this.showSearch = true;-->
<!--    },-->
<!--    // 重置查询-->
<!--    resetQuery() {-->
<!--      this.queryParams = {-->
<!--        pageNum: 1,-->
<!--        pageSize: 100,-->
<!--        keyword: '',-->
<!--        groupName: null,-->
<!--        whId: null,-->
<!--        storageId: null,-->
<!--        whAreaId: null,-->
<!--        // shelfId: null,-->
<!--        status: null-->
<!--      };-->
<!--      this.showSearch = false;-->
<!--      this.handleQuery();-->
<!--    },-->
<!--    statusChange(e, row) {-->
<!--      if (row.id) {-->
<!--        maintainGroupUpdateStatus(row.id)-->
<!--          .then((res) => {-->
<!--            if (res.code == 200) {-->
<!--              this.$message.success('更新成功');-->
<!--              this.getList();-->
<!--            }-->
<!--          })-->
<!--          .catch((e) => {});-->
<!--      }-->
<!--    },-->
<!--    /**-->
<!--     * 提交养护人员-->
<!--     * @param type add 新增 edit 编辑-->
<!--     */-->
<!--    submitMaintenancePersonnel(type) {-->
<!--      this.$refs.maintenancePersonnelForm.validate((valid) => {-->
<!--        if (valid) {-->
<!--          let userList = this.maintenancePersonnelForm.personnelList.map((item) => {-->
<!--            let personnelList = getSelectData(this.userOptions, ['userId', 'nickName'], item, 'userId');-->
<!--            let userInfo = {-->
<!--              userId: personnelList.length > 1 ? personnelList[1].userId : null,-->
<!--              userName: personnelList.length > 1 ? personnelList[1].nickName : null-->
<!--            };-->
<!--            if (this.maintenancePersonnelForm?.userList?.length > 0) {-->
<!--              this.maintenancePersonnelForm.userList.forEach((i) => {-->
<!--                if (i.userId == userInfo.userId) {-->
<!--                  userInfo.id = i.id;-->
<!--                }-->
<!--              });-->
<!--            }-->
<!--            return userInfo;-->
<!--          });-->
<!--          console.log(userList);-->
<!--          let areaList = this.maintenancePersonnelForm.shelfList.map((item) => {-->
<!--            let shelfList = getSelectData(this.deptOptions, ['id', 'name'], item);-->
<!--            let shelfInfo = {-->
<!--              whId: shelfList.length > 1 ? shelfList[0].id : null,-->
<!--              storageId: shelfList.length > 1 ? shelfList[1].id : null,-->
<!--              whAreaId: shelfList.length > 2 ? shelfList[2].id : null,-->
<!--              shelfId: shelfList.length > 3 ? shelfList[3].id : null,-->
<!--              shelfName: shelfList.length > 3 ? shelfList[3].name : null-->
<!--            };-->
<!--            if (this.maintenancePersonnelForm?.areaList?.length > 0) {-->
<!--              this.maintenancePersonnelForm.areaList.forEach((i) => {-->
<!--                if (i.whId == shelfInfo.whId && i.storageId == shelfInfo.storageId && i.whAreaId == shelfInfo.whAreaId && i.shelfId == shelfInfo.shelfId) {-->
<!--                  shelfInfo.id = i.id;-->
<!--                }-->
<!--              });-->
<!--            }-->
<!--            return shelfInfo;-->
<!--          });-->

<!--          if (type == 'add') {-->
<!--            let params = {-->
<!--              groupName: this.maintenancePersonnelForm.groupName,-->
<!--              areaList,-->
<!--              userList,-->
<!--              remark: this.maintenancePersonnelForm.remark-->
<!--            };-->
<!--            addMaintainGroup(params)-->
<!--              .then((res) => {-->
<!--                if (res.code == 200) {-->
<!--                  this.$message.success('新增成功');-->
<!--                  this.closeMaintenancePersonnel();-->
<!--                  this.getList();-->
<!--                }-->
<!--              })-->
<!--              .catch((e) => {});-->
<!--          } else {-->
<!--            let params = {-->
<!--              ...this.maintenancePersonnelForm,-->
<!--              areaList,-->
<!--              userList-->
<!--            };-->
<!--            updateMaintainGroup(params)-->
<!--              .then((res) => {-->
<!--                if (res.code == 200) {-->
<!--                  this.$message.success('修改成功');-->
<!--                  this.closeMaintenancePersonnel();-->
<!--                  this.getList();-->
<!--                }-->
<!--              })-->
<!--              .catch((e) => {});-->
<!--          }-->
<!--        }-->
<!--      });-->
<!--    },-->
<!--  //   图片上传-->
<!--    handleAvatarSuccess(res, file) {-->
<!--      this.imageUrl = URL.createObjectURL(file.raw);-->
<!--    },-->
<!--    beforeAvatarUpload(file) {-->
<!--      const isJPG = file.type === 'image/jpeg';-->
<!--      const isLt2M = file.size / 1024 / 1024 < 2;-->

<!--      if (!isJPG) {-->
<!--        this.$message.error('上传头像图片只能是 JPG 格式!');-->
<!--      }-->
<!--      if (!isLt2M) {-->
<!--        this.$message.error('上传头像图片大小不能超过 2MB!');-->
<!--      }-->
<!--      return isJPG && isLt2M;-->
<!--    }-->
<!--  }-->
<!--};-->
<!--</script>-->

<!--<style lang="scss" scoped>-->
<!--::v-deep {-->
<!--  .el-table.el-table&#45;&#45;fit {-->
<!--    height: 100%;-->
<!--  }-->
<!--  .el-table__body-wrapper {-->
<!--    height: calc(100% - 35px);-->
<!--  }-->
<!--  .item-ml-0 .el-form-item__content {-->
<!--    margin-left: 0 !important;-->
<!--  }-->
<!--}-->
<!--.number__unit__element {-->
<!--  position: relative;-->
<!--  ::v-deep .el-input__inner {-->
<!--    text-align: left;-->
<!--  }-->
<!--  &::after {-->
<!--    content: '元';-->
<!--    position: absolute;-->
<!--    right: 40px;-->
<!--    top: 47%;-->
<!--    transform: translateY(-50%);-->
<!--  }-->
<!--}-->
<!--</style>-->
